<template>
  <div class="footer">
    <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000">
      <van-tabbar-item icon="shop-o"
        ><router-link to="home">首页</router-link></van-tabbar-item
      >
      <van-tabbar-item icon="shopping-cart-o"
        ><router-link to="cart">购物车</router-link></van-tabbar-item
      >
      <van-tabbar-item icon="friends-o"
        ><router-link to="mine">我的</router-link></van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
  computed: {},
  watch: {},

  methods: {},
  created() {},
  mounted() {},
  components: {},
};
</script>
<style scoped>
.active {
  color: #f00;
}
</style>
